.c1 {color: #0b3465; font-size: 1.2rem}
.c2 {color: #019ad6;}

	.toppd{
		padding: 10px 5px 15px 5px;
	}
	.uk-navbar-nav>li{
		margin-right: 10px;
	}
	.uk-navbar-nav>li>a {
		font-size: 16px;
		color: #282828;
	}
	.uk-navbar-nav>li>a:hover {
	    color: #c0a16b;
	}
	.uk-navbar-nav>li.uk-active>a {
	    color: #c0a16b;
	}
	.uk-navbar-nav>li.uk-active {
	    border-bottom: 2px solid #c0a16b;
	    margin-bottom: -2px;
	}
	.uk-navbar-nav> li:hover {
	    border-bottom: 2px solid #c0a16b;/*#c0a16b;#bd2e52*/
	    margin-bottom: -2px;
	}

	.t1 {
		text-align: center;
		font-size: 26px;
		border-bottom: 1px solid rgb(38, 165, 154); padding: 6px; padding: 20px;
	}
	.st1 {
		line-height: 30px; 
		text-align: center;
		background-color: #fff;
		width: 200px;
		margin: -15px auto 20px auto; 

	}
	.tit1 {
		line-height:30px;
		font-size: 20px; 
		color:#fff;
		padding: 10px; 
		background-color: #c0a16b;
		cursor: pointer;
	}
	.catlist{
		padding: 20px 10px;
	}
	.prolst{
		font-size: 14px;
		line-height: 36px;
	}

	.uk-card-small > .uk-card-body {
    padding: 10px 10px;
	}
	.uk-width-expand > .uk-card-body {
    padding: 10px 10px;
	}

	.gotop{
		position: fixed;
		right: 40px; 
		bottom: 40px; 
		display: block; opacity: 0.8; 
		box-shadow: 0 5px 10px rgba(0,0,0,.3);
	}
	.floatinfo{
		position: fixed;
		right: 40px; 
		top: 200px; 
		display: block; opacity: 0.9; 
		box-shadow: 0 5px 10px rgba(0,0,0,.3);
	}

	.h-line:hover::before,
	.h-line:focus::before {
	    right: 0;
	}

	.h-line::before {
	    content: "";
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    right: 100%;
	    border-bottom: 1px solid #282828;
	    transition: right .3s ease-out;
	}

	.snav {
		padding-right:30px;
		margin-top:50px;
	}

	.snav a {
		/*color: #0b3465;*/
		color: #777;
		text-decoration: none;
	}
	.snav a.active {
		color: #0b3465;
		font-weight: bold;
		text-decoration: none;
	}
	.ft {
		font-size: 14px;
		color: #fff;
		line-height: 25px;
	}
	.ft a{
		font-size: 14px;
		color: #fff;
		line-height: 25px;
		text-decoration: none;
	}

/* ========================================================================
   Component: Pagination
 ========================================================================== */
/*
 * 1. Remove default list style
 * 2. Center pagination by default
 * 3. Remove whitespace between child elements when using `inline-block`
 */
.pagination {
    /* 1 */
    padding: 0;
    list-style: none;
    /* 2 */
    text-align: center;
    /* 3 */
    font-size: 0.001px;
}
/*
 * Micro clearfix
 * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used
 */
.pagination:before,
.pagination:after {
    content: "";
    display: table;
}
.pagination:after {
    clear: both;
}
/* Items
 ========================================================================== */
/*
 * 1. Reset whitespace hack
 * 2. Remove the gap at the bottom of it container
 */
.pagination > li {
    display: inline-block;
    /* 1 */
    font-size: 1rem;
    /* 2 */
    vertical-align: top;
}
.pagination > li:nth-child(n+2) {
    margin-left: 5px;
}
/*
 * 1. Makes pagination more robust against different box-sizing use
 * 2. Reset text-align to center if alignment modifier is used
 */
.pagination > li > a,
.pagination > li > span {
    display: inline-block;
    min-width: 16px;
    padding: 3px 5px;
    line-height: 20px;
    text-decoration: none;
    /* 1 */
    box-sizing: content-box;
    /* 2 */
    text-align: center;
}
/*
 * Links
 */
.pagination > li > a {
    background: #eeeeee;
    color: #444444;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.pagination > li > a:hover,
.pagination > li > a:focus {
    background-color: #f5f5f5;
    color: #444444;
    /* 2 */
    outline: none;
}
/* OnClick */
.pagination > li > a:active {
    background-color: #dddddd;
    color: #444444;
}
/*
 * Active
 */
.pagination > .uk-active > span {
    background: #00a8e6;
    color: #ffffff;
}
/*
 * Disabled
 */
.upagination > .uk-disabled > span {
    background-color: #f5f5f5;
    color: #999999;
}
/* Previous and next navigation
 ========================================================================== */
.pagination-previous {
    float: left;
}
.pagination-next {
    float: right;
}
/* Alignment modifiers
 ========================================================================== */
.pagination-left {
    text-align: left;
}
.pagination-right {
    text-align: right;
}